<template>
	<div>
        kkk
		<!-- <a-form ref="loginForm" :model="loginForm" :rules="rules" @finish="postLogin">
			<a-form-item required name="phone">
				<a-input :v-model="loginForm.phone" :max-length="11" type="text" placeholder="账户">
				</a-input>
			</a-form-item>
			<a-form-item required name="password">
				<a-input v-model="loginForm.password" type="passwordk" placeholder="密码">
				</a-input>
			</a-form-item>
			<a-form-item>
				<a-button html-type="submit">
                    登 录
				</a-button>
			</a-form-item>
		</a-form> -->
	</div>
</template>

<script>
// import { Button, Input, Form } from 'ant-design-vue'
// import { apiPostLogin } from '../assets/js/api/api.login'

// export default {
// 	name: 'Login',
// 	components: {
// 		AButton: Button,
// 		AInput: Input,
// 		AForm: Form,
// 		AFormItem: Form.Item
// 	},
// 	data() {
// 		let phoneValidator = async (rule, value) => {
// 			if (!value) {
// 				return Promise.reject('请输入账户名')
// 			} else if (value.length != 11) {
// 				return Promise.reject('请输入正确的手机号')
// 			} else {
// 				return Promise.resolve()
// 			}
// 		}
// 		let passwordValidator = async (rule, value) => {
// 			if (!value) {
// 				return Promise.reject
// 			} else if (this.loginForm.password.length < 6) {
//                 return Promise.reject('请输入密码长度大于等于6')
// 			} else {
//                 return Promise.resolve()
//             }
// 		}
// 		return {
// 			loginForm: {
// 				phone: '',
// 				password: ''
// 			},
// 			relus: {
// 				phone: [{ validator: phoneValidator, trigger: 'change' }],
// 				password: [{ validator: passwordValidator, trigger: 'change' }]
// 			}
// 		}
// 	},
//     methods: {
//         async postLogin() {
//             const response = await apiPostLogin(this.loginForm)

//             if (response.data) {
//                 console.log(response)
//             }
//         }
//     }
// }
</script>